<template>
  <view
    :class="[
      (bottomBtnBlock?.layoutType ?? 'default') === 'default'
        ? 'margin-top'
        : '',
    ]"
    v-if="(bottomBtnBlock?.btns ?? []).length > 0"
  >
    <GdButton
      v-for="btn in bottomBtnBlock.btns"
      :key="btn.key"
      :icon="btn?.componentAttr?.icon"
      :type="btn?.componentAttr?.type ?? 'primary'"
      :block="btn?.componentAttr?.block ?? false"
    >
      {{ btn?.componentAttr?.textVal }}
    </GdButton>
  </view>
</template>
<script>
export default {
  name: "BottomBtnBlock",
};
</script>
<script setup>
import GdButton from '@gd-accbuild-ui/gd-ui/mobile/gd-button/gd-button.vue';
const props = defineProps({
  bottomBtnBlock: {
    type: Object,
    default: () => ({}),
  },
});
</script>
<style lang="scss" scoped></style>
